<template>
  <div>
    <Header></Header>
    <div class="container layout layout-margin-top">


      <div class="row">
        <div class="col-md-9 layout-body">

          <div class="content">

            <ul class="nav nav-tabs question-types" role="tablist">


              <li role="presentation" class="active">
                <a href="#all" aria-controls="all" role="tab" toggle="tab">全部</a>
              </li>

              <li role="presentation">
                <a href="#course" aria-controls="course" role="tab" toggle="tab">课程问答</a>
              </li>

              <li role="presentation">
                <a href="#discussion" aria-controls="discussion" role="tab" toggle="tab">交流讨论</a>
              </li>

              <li role="presentation">
                <a href="#sharing" aria-controls="sharing" role="tab" toggle="tab">技术分享</a>
              </li>

              <li role="presentation">
                <a href="#labreport" aria-controls="labreport" role="tab" toggle="tab">实验报告</a>
              </li>

              <li role="presentation">
                <a href="#notice" aria-controls="notice" role="tab" toggle="tab">站内公告</a>
              </li>


              <div class="question-sort">
                <a class="active" href="#newest">最新</a>
                /
                <a href="#hot">最热</a>
                /
                <a href="#unanswered">未回复</a>
              </div>
            </ul>
            <div class="tab-content">
              <div role="tabpanel" class="tab-pane active">

                <ul class="row question-items">


                  <li class="question-item">
                    <div class="col-md-10">
                      <div class="col-sm-2 question-item-author">


                        <div class="user-avatar ">
                          <a class="avatar" href="../user/13/study.html" target="_blank">
                            <img src="https://dn-simplecloud.shiyanlou.com/gravataradmin.png?imageView2/1/w/100/h/100">
                          </a>

                        </div>

                      </div>
                      <div class="col-sm-10">
                        <h4>

                          <img src="/static/img/topQuestion.png">

                          <a class="question-item-title" href="show.html" target="_blank"> 实验楼百楼俱乐部成立，欢迎100楼的你加入！</a>

                        </h4>
                        <div class="question-item-summary">


                          <div class="user-username ">
                            <a class="avatar" href="../user/13/study.html" target="_blank">

                              shiyanlouadmin


                            </a>
                            <span class="user-level">L14</span>
                          </div>


                          <span class="question-item-date">3小时前</span>

                          最后回复 <span class="question-item-date">



    <div class="user-username ">
        <a class="username" href="/user/256544" target="_blank">

                芃逆明


        </a>
        <span class="user-level">L38</span>
    </div>
 </span>


                        </div>
                      </div>
                    </div>
                    <div class="col-md-2 question-item-rank">
                      <div class="question-item-answered">
                        <div>89</div>
                        <div>回复</div>
                      </div>
                      <div class="question-item-views">
                        <div>2409</div>
                        <div>查看</div>
                      </div>
                    </div>
                  </li>


                  <li class="question-item">
                    <div class="col-md-10">
                      <div class="col-sm-2 question-item-author">


                        <div class="user-avatar ">
                          <a class="avatar" href="../user/13/study.html" target="_blank">
                            <img
                              src="https://dn-simplecloud.shiyanlou.com/gravatarc51ce410c124a10e0db5e4b97fc2af39.png?v=1439957390221&amp;imageView2/1/w/200/h/200">
                          </a>

                          <a class="member-icon" href="/vip" target="_blank">

                            <img src="
            ../img/vip-icon.png
          ">

                          </a>

                        </div>

                      </div>
                      <div class="col-sm-10">
                        <h4>

                          <img src="/static/img/topQuestion.png">

                          <a class="question-item-title" href="show.html" target="_blank"> 实验楼会员服务FAQ</a>

                        </h4>
                        <div class="question-item-summary">


                          <div class="user-username ">
                            <a class="avatar" href="../user/13/study.html" target="_blank">

                              石头山


                            </a>
                            <span class="user-level">L195</span>
                          </div>


                          <span class="question-item-date">2天前</span>

                          最后回复 <span class="question-item-date">



    <div class="user-username ">
        <a class="username" href="/user/1" target="_blank">

                shiyanlouadmin


        </a>
        <span class="user-level">L14</span>
    </div>
 </span>


                        </div>
                      </div>
                    </div>
                    <div class="col-md-2 question-item-rank">
                      <div class="question-item-answered">
                        <div>112</div>
                        <div>回复</div>
                      </div>
                      <div class="question-item-views">
                        <div>6359</div>
                        <div>查看</div>
                      </div>
                    </div>
                  </li>


                  <li class="question-item">
                    <div class="col-md-10">
                      <div class="col-sm-2 question-item-author">


                        <div class="user-avatar ">
                          <a class="avatar" href="../user/13/study.html" target="_blank">
                            <img
                              src="https://dn-simplecloud.shiyanlou.com/gravatarNTY0MzE5MjcwNTg4.png?v=1472709990977&amp;imageView2/1/w/200/h/200">
                          </a>

                          <a class="member-icon" href="/vip" target="_blank">

                            <img src="
            ../img/vip-icon.png
          ">

                          </a>

                        </div>

                      </div>
                      <div class="col-sm-10">
                        <h4>

                          <a class="question-item-title" href="show.html" target="_blank"> &#34;模型（一）&#34; 实验报告</a>

                        </h4>
                        <div class="question-item-summary">


                          <div class="user-username ">
                            <a class="avatar" href="../user/13/study.html" target="_blank">

                              Unchained_Coder


                            </a>
                            <span class="user-level">L52</span>
                          </div>


                          <span class="question-item-date">5分钟前</span>


                          <span class="question-item-course">
                来自
                <a href="/questions/courses/30" target="_blank">Python Django Web框架</a>
            </span>


                        </div>
                      </div>
                    </div>
                    <div class="col-md-2 question-item-rank">
                      <div class="">
                        <div>0</div>
                        <div>回复</div>
                      </div>
                      <div class="question-item-views">
                        <div>0</div>
                        <div>查看</div>
                      </div>
                    </div>
                  </li>


                  <li class="question-item">
                    <div class="col-md-10">
                      <div class="col-sm-2 question-item-author">


                        <div class="user-avatar ">
                          <a class="avatar" href="../user/13/study.html" target="_blank">
                            <img
                              src="https://dn-simplecloud.shiyanlou.com/gravatarJV27JZZLJ9T2.jpg?imageView2/1/w/200/h/200">
                          </a>

                        </div>

                      </div>
                      <div class="col-sm-10">
                        <h4>

                          <a class="question-item-title" href="/questions/8706" target="_blank"> &#34;用户及文件权限管理&#34;
                            实验报告</a>

                        </h4>
                        <div class="question-item-summary">


                          <div class="user-username ">
                            <a class="avatar" href="../user/13/study.html" target="_blank">

                              ww10075


                            </a>
                            <span class="user-level">L1</span>
                          </div>


                          <span class="question-item-date">5分钟前</span>


                          <span class="question-item-course">
                来自
                <a href="/questions/courses/1" target="_blank">Linux 基础入门（新版）</a>
            </span>


                        </div>
                      </div>
                    </div>
                    <div class="col-md-2 question-item-rank">
                      <div class="">
                        <div>0</div>
                        <div>回复</div>
                      </div>
                      <div class="question-item-views">
                        <div>1</div>
                        <div>查看</div>
                      </div>
                    </div>
                  </li>


                  <li class="question-item">
                    <div class="col-md-10">
                      <div class="col-sm-2 question-item-author">


                        <div class="user-avatar ">
                          <a class="avatar" href="/user/261949" target="_blank">
                            <img
                              src="https://dn-simplecloud.shiyanlou.com/gravatarPCGEKEPZUUFS.jpg?imageView2/1/w/200/h/200">
                          </a>

                        </div>

                      </div>
                      <div class="col-sm-10">
                        <h4>

                          <a class="question-item-title" href="/questions/8704" target="_blank"> &#34;高级功能入门&#34;
                            实验报告</a>

                        </h4>
                        <div class="question-item-summary">


                          <div class="user-username ">
                            <a class="username" href="/user/261949" target="_blank">

                              样与星飞


                            </a>
                            <span class="user-level">L5</span>
                          </div>


                          <span class="question-item-date">7分钟前</span>


                          <span class="question-item-course">
                来自
                <a href="/questions/courses/2" target="_blank">Vim编辑器</a>
            </span>


                        </div>
                      </div>
                    </div>
                    <div class="col-md-2 question-item-rank">
                      <div class="">
                        <div>0</div>
                        <div>回复</div>
                      </div>
                      <div class="question-item-views">
                        <div>0</div>
                        <div>查看</div>
                      </div>
                    </div>
                  </li>


                  <li class="question-item">
                    <div class="col-md-10">
                      <div class="col-sm-2 question-item-author">


                        <div class="user-avatar ">
                          <a class="avatar" href="/user/206590" target="_blank">
                            <img
                              src="https://dn-simplecloud.shiyanlou.com/gravatarCVAFAFTXQFBJ.jpg?imageView2/1/w/200/h/200">
                          </a>

                          <a class="member-icon" href="/vip" target="_blank">

                            <img src="
            ../img/vip-icon.png
          ">

                          </a>

                        </div>

                      </div>
                      <div class="col-sm-10">
                        <h4>

                          <a class="question-item-title" href="/questions/8703" target="_blank"> fatal: could not create
                            work tree dir &#39;project&#39;.: Permission denied</a>

                        </h4>
                        <div class="question-item-summary">


                          <div class="user-username ">
                            <a class="username" href="/user/206590" target="_blank">

                              我的心灵之神


                            </a>
                            <span class="user-level">L11</span>
                          </div>


                          <span class="question-item-date">22分钟前</span>


                          <span class="question-item-course">
                来自
                <a href="/questions/courses/616" target="_blank">Linux系统安装git服务器</a>
            </span>


                        </div>
                      </div>
                    </div>
                    <div class="col-md-2 question-item-rank">
                      <div class="">
                        <div>0</div>
                        <div>回复</div>
                      </div>
                      <div class="question-item-views">
                        <div>3</div>
                        <div>查看</div>
                      </div>
                    </div>
                  </li>


                  <li class="question-item">
                    <div class="col-md-10">
                      <div class="col-sm-2 question-item-author">


                        <div class="user-avatar ">
                          <a class="avatar" href="/user/327377" target="_blank">
                            <img
                              src="https://dn-simplecloud.shiyanlou.com/gravatar9QJ2K4C7RVGZ.jpg?imageView2/1/w/200/h/200">
                          </a>

                        </div>

                      </div>
                      <div class="col-sm-10">
                        <h4>

                          <a class="question-item-title" href="/questions/6756" target="_blank"> 无法创建目录权限不够</a>

                        </h4>
                        <div class="question-item-summary">


                          <div class="user-username ">
                            <a class="username" href="/user/327377" target="_blank">

                              暗号


                            </a>
                            <span class="user-level">L2</span>
                          </div>


                          <span class="question-item-date">34分钟前</span>

                          最后回复 <span class="question-item-date">



    <div class="user-username ">
        <a class="username" href="/user/50213" target="_blank">

                vector7


        </a>
        <span class="user-level">L14</span>
    </div>
 </span>


                          <span class="question-item-course">
                来自
                <a href="/questions/courses/68" target="_blank">Linux命令实例练习</a>
            </span>


                        </div>
                      </div>
                    </div>
                    <div class="col-md-2 question-item-rank">
                      <div class="question-item-answered">
                        <div>2</div>
                        <div>回复</div>
                      </div>
                      <div class="question-item-views">
                        <div>45</div>
                        <div>查看</div>
                      </div>
                    </div>
                  </li>


                  <li class="question-item">
                    <div class="col-md-10">
                      <div class="col-sm-2 question-item-author">


                        <div class="user-avatar ">
                          <a class="avatar" href="/user/189278" target="_blank">
                            <img
                              src="https://dn-simplecloud.shiyanlou.com/gravatarWEDEXPRVZAPK.jpg?imageView2/1/w/200/h/200">
                          </a>

                        </div>

                      </div>
                      <div class="col-sm-10">
                        <h4>

                          <a class="question-item-title" href="/questions/8692" target="_blank"> 模块后缀名错误</a>

                        </h4>
                        <div class="question-item-summary">


                          <div class="user-username ">
                            <a class="username" href="/user/189278" target="_blank">

                              摩涅莫西涅


                            </a>
                            <span class="user-level">L2</span>
                          </div>


                          <span class="question-item-date">46分钟前</span>

                          最后回复 <span class="question-item-date">



    <div class="user-username ">
        <a class="username" href="/user/189278" target="_blank">

                摩涅莫西涅


        </a>
        <span class="user-level">L2</span>
    </div>
 </span>


                          <span class="question-item-course">
                来自
                <a href="/questions/courses/713" target="_blank">跟我一起来玩转Makefile</a>
            </span>


                        </div>
                      </div>
                    </div>
                    <div class="col-md-2 question-item-rank">
                      <div class="question-item-answered">
                        <div>2</div>
                        <div>回复</div>
                      </div>
                      <div class="question-item-views">
                        <div>13</div>
                        <div>查看</div>
                      </div>
                    </div>
                  </li>


                  <li class="question-item">
                    <div class="col-md-10">
                      <div class="col-sm-2 question-item-author">


                        <div class="user-avatar ">
                          <a class="avatar" href="/user/348062" target="_blank">
                            <img
                              src="https://dn-simplecloud.shiyanlou.com/gravatar348062.png?v=1483703222865&amp;imageView2/1/w/200/h/200">
                          </a>

                        </div>

                      </div>
                      <div class="col-sm-10">
                        <h4>

                          <a class="question-item-title" href="/questions/8702" target="_blank"> &#34;选择程序设计&#34;
                            实验报告</a>

                        </h4>
                        <div class="question-item-summary">


                          <div class="user-username ">
                            <a class="username" href="/user/348062" target="_blank">

                              生无可恋的咸鱼


                            </a>
                            <span class="user-level">L7</span>
                          </div>


                          <span class="question-item-date">47分钟前</span>


                          <span class="question-item-course">
                来自
                <a href="/questions/courses/57" target="_blank">C语言入门教程</a>
            </span>


                        </div>
                      </div>
                    </div>
                    <div class="col-md-2 question-item-rank">
                      <div class="">
                        <div>0</div>
                        <div>回复</div>
                      </div>
                      <div class="question-item-views">
                        <div>1</div>
                        <div>查看</div>
                      </div>
                    </div>
                  </li>


                  <li class="question-item">
                    <div class="col-md-10">
                      <div class="col-sm-2 question-item-author">


                        <div class="user-avatar ">
                          <a class="avatar" href="/user/179072" target="_blank">
                            <img
                              src="https://dn-simplecloud.shiyanlou.com/gravatar179072.png?v=1483782678305&amp;imageView2/1/w/200/h/200">
                          </a>

                        </div>

                      </div>
                      <div class="col-sm-10">
                        <h4>

                          <a class="question-item-title" href="/questions/8701" target="_blank"> &#34;Hello，ShiYanLou!&#34;
                            实验报告</a>

                        </h4>
                        <div class="question-item-summary">


                          <div class="user-username ">
                            <a class="username" href="/user/179072" target="_blank">

                              实验流


                            </a>
                            <span class="user-level">L1</span>
                          </div>


                          <span class="question-item-date">47分钟前</span>


                          <span class="question-item-course">
                来自
                <a href="/questions/courses/63" target="_blank">新手指南之玩转实验楼</a>
            </span>


                        </div>
                      </div>
                    </div>
                    <div class="col-md-2 question-item-rank">
                      <div class="">
                        <div>0</div>
                        <div>回复</div>
                      </div>
                      <div class="question-item-views">
                        <div>4</div>
                        <div>查看</div>
                      </div>
                    </div>
                  </li>


                  <li class="question-item">
                    <div class="col-md-10">
                      <div class="col-sm-2 question-item-author">


                        <div class="user-avatar ">
                          <a class="avatar" href="/user/326464" target="_blank">
                            <img
                              src="https://dn-simplecloud.shiyanlou.com/gravatar839MP62DELVT.jpg?imageView2/1/w/200/h/200">
                          </a>

                        </div>

                      </div>
                      <div class="col-sm-10">
                        <h4>

                          <a class="question-item-title" href="/questions/8700" target="_blank"> &#34;视图和URL配置&#34;
                            实验报告</a>

                        </h4>
                        <div class="question-item-summary">


                          <div class="user-username ">
                            <a class="username" href="/user/326464" target="_blank">

                              dako


                            </a>
                            <span class="user-level">L8</span>
                          </div>


                          <span class="question-item-date">1小时前</span>


                          <span class="question-item-course">
                来自
                <a href="/questions/courses/30" target="_blank">Python Django Web框架</a>
            </span>


                        </div>
                      </div>
                    </div>
                    <div class="col-md-2 question-item-rank">
                      <div class="">
                        <div>0</div>
                        <div>回复</div>
                      </div>
                      <div class="question-item-views">
                        <div>1</div>
                        <div>查看</div>
                      </div>
                    </div>
                  </li>


                  <li class="question-item">
                    <div class="col-md-10">
                      <div class="col-sm-2 question-item-author">


                        <div class="user-avatar ">
                          <a class="avatar" href="/user/350016" target="_blank">
                            <img
                              src="https://dn-simplecloud.shiyanlou.com/gravatar76CZNW2H5XGL.jpg?imageView2/1/w/200/h/200">
                          </a>

                        </div>

                      </div>
                      <div class="col-sm-10">
                        <h4>

                          <a class="question-item-title" href="/questions/8699" target="_blank"> Xfce终端，怎样检查代码错误？</a>

                        </h4>
                        <div class="question-item-summary">


                          <div class="user-username ">
                            <a class="username" href="/user/350016" target="_blank">

                              LOU1263142231


                            </a>
                            <span class="user-level">L5</span>
                          </div>


                          <span class="question-item-date">1小时前</span>

                          最后回复 <span class="question-item-date">



    <div class="user-username ">
        <a class="username" href="/user/184444" target="_blank">

                狂草


        </a>
        <span class="user-level">L11</span>
    </div>
 </span>


                          <span class="question-item-course">
                来自
                <a href="/questions/courses/1" target="_blank">Linux 基础入门（新版）</a>
            </span>


                        </div>
                      </div>
                    </div>
                    <div class="col-md-2 question-item-rank">
                      <div class="question-item-answered">
                        <div>1</div>
                        <div>回复</div>
                      </div>
                      <div class="question-item-views">
                        <div>8</div>
                        <div>查看</div>
                      </div>
                    </div>
                  </li>


                  <li class="question-item">
                    <div class="col-md-10">
                      <div class="col-sm-2 question-item-author">


                        <div class="user-avatar ">
                          <a class="avatar" href="/user/332679" target="_blank">
                            <img
                              src="https://dn-simplecloud.shiyanlou.com/gravatar332679.png?v=1483454464246&amp;imageView2/1/w/200/h/200">
                          </a>

                        </div>

                      </div>
                      <div class="col-sm-10">
                        <h4>

                          <a class="question-item-title" href="/questions/8698" target="_blank"> &#34;进阶篇 - SQL 语句语法详解&#34;
                            实验报告</a>

                        </h4>
                        <div class="question-item-summary">


                          <div class="user-username ">
                            <a class="username" href="/user/332679" target="_blank">

                              凌岸_ing


                            </a>
                            <span class="user-level">L25</span>
                          </div>


                          <span class="question-item-date">1小时前</span>


                          <span class="question-item-course">
                来自
                <a href="/questions/courses/9" target="_blank">MySQL 基础课程</a>
            </span>


                        </div>
                      </div>
                    </div>
                    <div class="col-md-2 question-item-rank">
                      <div class="">
                        <div>0</div>
                        <div>回复</div>
                      </div>
                      <div class="question-item-views">
                        <div>1</div>
                        <div>查看</div>
                      </div>
                    </div>
                  </li>


                  <li class="question-item">
                    <div class="col-md-10">
                      <div class="col-sm-2 question-item-author">


                        <div class="user-avatar ">
                          <a class="avatar" href="/user/256544" target="_blank">
                            <img
                              src="https://dn-simplecloud.shiyanlou.com/gravatarVY4JVKBCU7YX.jpg?imageView2/1/w/200/h/200">
                          </a>

                          <a class="member-icon" href="/vip" target="_blank">

                            <img src="
            ../img/vip-icon.png
          ">

                          </a>

                        </div>

                      </div>
                      <div class="col-sm-10">
                        <h4>

                          <a class="question-item-title" href="/questions/8697" target="_blank">
                            python数据库配置问题，求各路大神指导！</a>

                        </h4>
                        <div class="question-item-summary">


                          <div class="user-username ">
                            <a class="username" href="/user/256544" target="_blank">

                              芃逆明


                            </a>
                            <span class="user-level">L38</span>
                          </div>


                          <span class="question-item-date">1小时前</span>

                          最后回复 <span class="question-item-date">



    <div class="user-username ">
        <a class="username" href="/user/256544" target="_blank">

                芃逆明


        </a>
        <span class="user-level">L38</span>
    </div>
 </span>


                          <span class="question-item-course">
                来自
                <a href="/questions/courses/30" target="_blank">Python Django Web框架</a>
            </span>


                        </div>
                      </div>
                    </div>
                    <div class="col-md-2 question-item-rank">
                      <div class="question-item-answered">
                        <div>1</div>
                        <div>回复</div>
                      </div>
                      <div class="question-item-views">
                        <div>6</div>
                        <div>查看</div>
                      </div>
                    </div>
                  </li>


                  <li class="question-item">
                    <div class="col-md-10">
                      <div class="col-sm-2 question-item-author">


                        <div class="user-avatar ">
                          <a class="avatar" href="/user/147396" target="_blank">
                            <img
                              src="https://dn-simplecloud.shiyanlou.com/gravatarG8Q6KS3J8T7L.jpg?imageView2/1/w/200/h/200">
                          </a>

                          <a class="member-icon" href="/vip" target="_blank">

                            <img src="
            ../img/vip-icon.png
          ">

                          </a>

                        </div>

                      </div>
                      <div class="col-sm-10">
                        <h4>

                          <a class="question-item-title" href="/questions/2522" target="_blank">
                            什么时候会出Python自动化测试的课程啊，包括appium</a>

                        </h4>
                        <div class="question-item-summary">


                          <div class="user-username ">
                            <a class="username" href="/user/147396" target="_blank">

                              不锈


                            </a>
                            <span class="user-level">L8</span>
                          </div>


                          <span class="question-item-date">1小时前</span>

                          最后回复 <span class="question-item-date">



    <div class="user-username ">
        <a class="username" href="/user/272204" target="_blank">

                taichu


        </a>
        <span class="user-level">L2</span>
    </div>
 </span>


                          <span class="question-item-tags">

                <a class="tagStyle2" href="/questions/?tag=Python" target="_blank">Python</a>

            </span>


                        </div>
                      </div>
                    </div>
                    <div class="col-md-2 question-item-rank">
                      <div class="question-item-answered">
                        <div>2</div>
                        <div>回复</div>
                      </div>
                      <div class="question-item-views">
                        <div>132</div>
                        <div>查看</div>
                      </div>
                    </div>
                  </li>

                </ul>


                <nav class="pagination-container">
                  <ul class="pagination">

                    <li class="disabled">
                      <a href="#" aria-label="Previous">
                        <span aria-hidden="true">上一页</span>
                      </a>
                    </li>


                    <li class="active">
                      <a href="/questions/?sort=newest&amp;page=1&amp;area_type=all">1</a>
                    </li>


                    <li class="">
                      <a href="/questions/?sort=newest&amp;page=2&amp;area_type=all">2</a>
                    </li>


                    <li class="">
                      <a href="/questions/?sort=newest&amp;page=3&amp;area_type=all">3</a>
                    </li>


                    <li class="">
                      <a href="/questions/?sort=newest&amp;page=4&amp;area_type=all">4</a>
                    </li>


                    <li class="">
                      <a href="/questions/?sort=newest&amp;page=5&amp;area_type=all">5</a>
                    </li>


                    <li>
                      <a href='#'>...</a>
                    </li>


                    <li class="">
                      <a href="/questions/?sort=newest&amp;page=547&amp;area_type=all">547</a>
                    </li>


                    <li class="">
                      <a href="/questions/?sort=newest&amp;page=548&amp;area_type=all">548</a>
                    </li>


                    <li class="">
                      <a aria-label="Next" href="/questions/?sort=newest&amp;page=2&amp;area_type=all">
                        <span aria-hidden="true">下一页</span>
                      </a>
                    </li>

                  </ul>
                </nav>


              </div>
            </div>
          </div>

        </div>
        <div class="col-md-3 layout-side">


          <a class="btn side-btn" href="#sign-modal" data-toggle="modal" data-sign="signin">我要发帖</a>


          <div class="panel panel-default panel-userinfo">
            <div class="panel-body body-userinfo">
              <div class="media userinfo-header">
                <div class="media-left">
                  <div class="user-avatar">

                    <a class="avatar" href="#sign-modal" data-toggle="modal" data-sign="signin">
                      <img class="circle" src="/static/img/logo-grey.png">
                    </a>

                  </div>
                </div>
                <div class="media-body">

                  <span class="media-heading username">欢迎来到实验楼</span>
                  <p class="vip-remain">做实验，学编程</p>

                </div>
              </div>

              <div class="row userinfo-data">

                <hr>
                <div class="btn-group-lr">
                  <a href="#sign-modal" type="button" class="btn btn-success col-md-5 col-xs-6 login-btn"
                     data-toggle="modal" data-sign="signin">登录</a>
                  <a href="#sign-modal" type="button"
                     class="btn btn-success col-md-5 col-xs-6 col-md-offset-1 register-btn" data-toggle="modal"
                     data-sign="signup">注册</a>
                </div>

              </div>

              <div class="userinfo-footer row">
                <div class="col-md-6 col-xs-6 pos-left">

                  <a href="#sign-modal" data-toggle="modal" data-sign="signin"><span
                    class="glyphicon glyphicon-bookmark"></span> 加入私有课</a>

                </div>
                <div class="col-md-6 col-xs-6 pos-right">
                  <a href="/contribute" target="_blank"><span class="glyphicon glyphicon-send"></span> 我要投稿</a>
                </div>

                <div id="join-private-course" class="modal fade words-ctrl" tabindex="-1" role="dialog">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <h4 class="modal-title">加入私有课</h4>
                      </div>
                      <div class="modal-body">
                        <div style="margin:15px 0; font:16px;">输入教师提供的私有课程码可以加入教师的私有课程。</div>
                        <form id="private-course-form" method="POST" action="/courses/join">
                          <div class="form-group">
                            <label for="code">邀请码</label>
                            <input class="form-control" id="code" name="code" type="text" value="">
                            <input name="_csrf_token" type=hidden
                                   value="1483789088##bbf83c51243ab12daa94911c8865a65bdc66c4d8">
                          </div>
                        </form>

                      </div>
                      <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-primary"
                                onclick="document.getElementById('private-course-form').submit();">确定
                        </button>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>


          <div class="sidebox">

            <div class="sidebox-header">
              <h4 class="sidebox-title">最热路径</h4>
            </div>
            <div class="sidebox-body course-content side-list-body">
              <a href="/paths/python"><img style="width:25px;height:25px" src="/static/img/1471513769430.png"> Python
                研发工程师</a>
              <a href="/paths/bigdata"><img style="width:25px;height:25px" src="/static/img/1471513926288.png"> 大数据工程师</a>
              <a href="/paths/cpp"><img style="width:25px;height:25px" src="/static/img/1471513793360.png"> C++ 研发工程师</a>
              <a href="/paths/security"><img style="width:25px;height:25px" src="/static/img/1471513867033.png"> 信息安全工程师</a>
              <a href="/paths/linuxsys"><img style="width:25px;height:25px" src="/static/img/1471514004752.png"> Linux 运维工程师</a>
            </div>

          </div>

          <div class="side-image side-qrcode">
            <img src="/static/img/ShiyanlouQRCode.png">
            <div class="side-image-text">关注公众号，手机看教程</div>
          </div>

          <div class="sidebox side-list">
            <div class="sidebox-header">
              <h4 class="sidebox-title">常见问题</h4>
            </div>
            <div class="sidebox-body side-list-body">
              <a href="/questions/80" target="_blank">实验操作很卡怎么办？</a>
              <a href="/questions/91" target="_blank">为什么连不上实验桌面？</a>
              <a href="/questions/360" target="_blank">"我的代码库"如何用？</a>
              <a href="/questions/92" target="_blank">实验楼环境默认用户及密码？</a>
              <a href="/questions/235" target="_blank">环境中是否可以联网？</a>
            </div>
            <div class="sidebox-footer">
              <div class="pull-right"><a href="/questions/?tag=%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98" target="_blank">查看全部</a>
              </div>
            </div>
          </div>


        </div>
      </div>
    </div>
    <Footer></Footer>
  </div>
</template>

<script>
  import Header from '@/components/Header'
  import Footer from '@/components/Footer'

  export default {
    name: "List",
    components: {Header, Footer}
  }
</script>

<style scoped>

</style>
